<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt"  uri="http://java.sun.com/jsp/jstl/fmt"%>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <!--360 browser -->
    <meta name="renderer" content="webkit">
    <meta name="author" content="wos">
    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="${pageContext.request.contextPath }/static/rece/images/i/app.png">
    <!--Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="${pageContext.request.contextPath }/static/rece/images/i/app.png">
    <!--Win8 or 10 -->
    <meta name="msapplication-TileImage" content="${pageContext.request.contextPath }/static/rece/images/i/app.png">
    <meta name="msapplication-TileColor" content="#e1652f">

    <link rel="icon" type="image/png" href="${pageContext.request.contextPath }/static/rece/images/i/favicon.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/rece/assets/css/amazeui.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/rece/css/public.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/public.css">
<%--     <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/style.css"> --%>
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="${pageContext.request.contextPath }/static/rece/assets/js/jquery.min.js"></script>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script src="${pageContext.request.contextPath }/static/rece/assets/js/amazeui.min.js"></script>
    <script src="${pageContext.request.contextPath }/static/rece/js/public.js"></script>
</head>
<body>

<header class="am-topbar am-topbar-fixed-top wos-header">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="#"><img src="${pageContext.request.contextPath }/static/rece/images/logo.png" alt=""></a>
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li class="am-active"><a href="${pageContext.request.contextPath }/articlelist">首页</a></li>
                <li><a href="${pageContext.request.contextPath }/Thematics">专题</a></li>
                <!-- <li><a href="#">专栏</a></li>
                
                <li><a href="#">评测</a></li>
                <li><a href="#">活动</a></li> -->
            </ul>
			<c:if test="${loginUser!=null}">
				<div class="am-topbar-right">
               
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        个人主页 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">个人主页</li>
                        <li><a href="${pageContext.request.contextPath }/sys/contact?id=${loginUser.id}">1. 写文章</a></li>
                        <li><a href="${pageContext.request.contextPath }/sys/zhuyeList?id=${loginUser.id}">2. 个人主页</a></li>
                        <li><a href="${pageContext.request.contextPath }/sys/modifyUser">3. 设置</a></li>
                        <li><a href="${pageContext.request.contextPath }/sys/booklist?id=${loginUser.id}">4. 我的收藏</a></li>
                        <li><a href="${pageContext.request.contextPath }/logout">5. 退出</a></li>
                     
                    </ul>
                </li>
            </div>
			
			</c:if>
			<c:if test="${loginUser==null}">
			
	            <div class="am-topbar-right">
	                <span class="am-btn am-btn-default am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span><a href="${pageContext.request.contextPath}/register">注册 </a></span>
	            </div>
	            <div class="am-topbar-right">
	                <span class="am-btn am-btn-danger am-topbar-btn am-btn-sm"><span class="am-icon-user"></span> <a href="${pageContext.request.contextPath}/Login">登录</a> </span>
	            </div>
			
			</c:if>

            
        </div>
    </div>
</header>
